<div class="nav">
    <a href="{:U('index')}">首页模块风格配置</a>
    <a class="sel" href="#">修改模块风格</a>
</div>
<div class="add">
    <form method="post" action="" >
        <table class="table_add">
            <tr>
                <td width="100px">风格名称</td>
                <td><input class="input1" type="text" name="style_name" id="style_name" value="{$model.style_name}" style="width:200px" /> </td>
            </tr>
            <tr>
                <td>缩略图</td>
                <td>
                <include file="Public/uploadfile" filetype="image" id="demo_picture"  value="{$model.demo_picture}" editvalue="{:getEditFiles($model['demo_picture'])}" width="100" path="index" limit="1" thumbw="" thumbh="" msg=""/>
                
                </td>
            </tr>
            <tr>
                <td width="100px">简介</td>
                <td><input class="input1" type="text" name="spec" id="spec" value="{$model.spec}" style="width:800px" /> </td>
            </tr>
            <tr>
                <td width="100px">顺序编号</td>
                <td><input class="input1" type="text" name="order_id" id="order_id" value="{$model.order_id}" style="width:60px" /> <span class="msg">*</span>
                &nbsp;&nbsp;是否启用：<select name="is_enable" id="is_enable" class="sel1">
                        <option value="1">启用</option>
                        <option value="0">不启用</option>
                    </select> &nbsp;&nbsp;客户端：<select name="client_type" id="client_type" class="sel1">
                        <option value="1">PC</option>
                        <option value="2">手机</option>
                        <option value="3">APP</option>
                    </select>
                </td>
            </tr>
            <tr>
                <td>子项目</td><td colspan="2">
                    <table class="table_pro_spec" id="table_pro_spec">
                        <foreach name="style_item" item="item" key="k">
                        <tr id="tr_{$k+1}"><td>项目名：<input type="text" style="width:160px"  name="style_item_name[]" id="style_item_name_{$k+1}" value="{$item.style_item_name}" />
                            类型：<select class="sel1" name="type[]"><option <if condition="$item.type eq '产品'">selected="selected"</if> value="产品">产品</option><option <if condition="$item.type eq '广告'">selected="selected"</if> value="广告">广告</option></select>
                            数量：<input type="text" style="width:40px"  name="num[]"  value="{$item.num}" />
                            图片宽：<input type="text" style="width:40px"  name="pic_width[]" value="{$item.pic_width}" />
                            图片高：<input type="text" style="width:40px"  name="pic_height[]" value="{$item.pic_height}"/>
                            <input type="hidden" name="style_item_id_{$k+1}" value="{$item.style_item_id}"  />
                            <img onclick="del_tr_e({$k+1})" src="__PUBLIC__/admin/images/no1.gif" /></td></tr>
                        </foreach>
                    </table>
                    <input type="button"  onclick="add_spec()" class="btn2" value="新增" />
                    <input type="hidden" id="spec_count" value="{:count($style_item)}" />
                </td>
            </tr>
            <tr>
                <td colspan="2" style="height:26px;"><b>模板代码</b>:&nbsp;【block_name】模块名称  【block_name_color】模块名称颜色  【floor_name】模块楼层 【ico】模块图片地址 【more_url】模块更多链接 <br>
                    【pro_N_goods_id】第N个产品ID  【pro_N_goods_name】第N个产品名称 【pro_N_picture】第N个产品图片  【pro_N_price】第N个产品价格 【pro_N_price_market】第N个产品市场价 【pro_N_cuxiao_msg】促销信息 【pro_N_url】链接地址 <br>
                    【adv_N_picture】表示第N张广告图片地址  【adv_N_title】表示第N张广告标题  【adv_N_url】表示第N张广告链接地址</td>
                
            </tr>
            <tr>
                <td colspan="2" style="height:26px;">
                    <textarea name="html" id="html" style="width:100%;height:400px;">{$model.html}</textarea>
                </td>
            </tr>
            <tr>
                <td></td>
                <td colspan="2"><input type="submit" class="btn1" value="提 交" /> &nbsp; <input class="btn4" type="reset" value="重 置" /> &nbsp; <input class="btn3"  type="button" onclick="window.history.back()" value="返 回" /></td>
            </tr>
        </table>
        <input type="hidden" name="style_id" id="style_id" value="{$model.style_id}" />
    </form>
</div>
<script type="text/javascript" >
    $("#is_enable").val("{$model.is_enable}");
    $("#client_type").val("{$model.client_type}");
    //增加子项目
    function add_spec() {
        var spec_count = parseInt($("#spec_count").val());
        var i = spec_count + 1;
        var tr_html = '';
        tr_html += '<tr id="tr_' + i + '"><td>项目名：<input type="text" style="width:160px"  name="style_item_name[]" />&nbsp;';
        tr_html += '类型：<select class="sel1" name="type[]"><option value="产品">产品</option><option value="广告">广告</option></select>&nbsp;';
        tr_html += '数量：<input type="text" style="width:40px"  name="num[]" />&nbsp;';
        tr_html += '图片宽：<input type="text" style="width:40px"  name="pic_width[]" />&nbsp;';
        tr_html += '图片高：<input type="text" style="width:40px"  name="pic_height[]" />&nbsp;';
        tr_html += '<img onclick="del_tr(' + i + ')" src="__PUBLIC__/admin/images/no1.gif" /></td></tr>';
        $("#table_pro_spec").append(tr_html);
        $("#spec_count").val(i);
    }
    //删除新增子项目
    function del_tr(i) {
        $("#tr_" + i).remove();
    }
    //删除已有子项目
    function del_tr_e(i) {
        $("#style_item_name_"+i).val("");
        $("#tr_" + i).hide();
    }
</script>